﻿body { font-family:Lato; }
.signin {  margin:0px auto 0px auto; margin-top:150px; }
.signin .logo { background: url('images/login-logo.png') no-repeat; width:560px; height:103px; position:relative; z-index:2; margin: 0px auto 0px auto; }
.signin .content { border-radius:7px 7px 7px 7px; -webkit-border-radius:7px 7px 7px 7px; -moz-border-radius:7px 7px 7px 7px; margin:0px auto 0px auto; background-color:#ffffff; position:relative; top:-42px; z-index:1; -moz-box-shadow: 0px 0px 40px #7e7e7e; -webkit-box-shadow: 0px 0px 40px #7e7e7e; box-shadow: 0px 0px 40px #9d9b9b; display:table; padding:40px 30px 30px 30px; }
.loginform { color:#717070; font-size:12pt; display:table-row; padding-top:20px; }
.loginform .caption { color:#717070; padding-right:10px; }
.loginform .input { width:300px; padding:5px; font-size:12pt; color:#000000; }

.header { background-color:#2b2626; padding-top:5px; }
.header .logo { background:url('images/mini-logo.png') no-repeat; width:190px; height:30px; position:absolute; } 
.header .account { position:absolute; right:0px; top:0px; color:#ffffff; margin:10px 10px 0px 0px;}
.tab-content { background-color:#363030; color:#fff; margin-top:-20px; }

.nav-tabs { margin-top:8px; border-bottom:none; width:500px; margin-left:230px;}
.nav-tabs > li > a  { padding:3px 10px 3px 10px; color:#fff; }
.nav-tabs > li > a:hover { background-color:#363030; border-color:#363030; } 
.nav-tabs > .active > a, .nav-tabs > .active > a:hover { background-color:#363030; border-color:#363030; color:#ffffff; }
.submenu { border:solid 0px #BDB8B8; float:left; padding:0px; margin:2px; color:#bdb8b8; text-align:center; vertical-align:bottom; display:block; border:solid 1px red;  }
.submenu span { font-size:8pt;}
.submenu:hover { color:#ffffff; text-decoration:none; }
.separator { background-image:none; }
.active .separator { display:block; background-image:url('images/separator.png'); width:1px; height:60px; float:left; margin:0px 6px 0px 6px; } 
.submenu-resetcache { width:70px; height:60px; background-image:url('images/reset-cache.png'); display:block; float:right; margin:0px 3px 5px 3px; opacity:0.6;  }
.submenu-resetcache:hover { width:70px; height:60px; opacity:1; }
.submenu-home { width:70px; height:60px; background-image:url('images/home.png'); display:block; float:left; margin:0px 3px 5px 3px; opacity:0.6; }
.submenu-home:hover { width:70px; height:60px; opacity:1;}
.submenu-appconfig { width:70px; height:60px; background-image:url('images/appconfig.png'); display:block; float:left; margin:0px 3px 5px 3px; opacity:0.6; }
.submenu-appconfig:hover { width:70px; height:60px; opacity:1; }
.submenu-upload { width:70px; height:60px; background-image:url('images/upload.png'); display:block; float:left; margin:0px 3px 5px 3px; opacity:0.6; }
.submenu-upload:hover { width:70px; height:60px; opacity:1; }
.submenu-files { width:70px; height:60px; background-image:url('images/files.png'); display:block; float:left; margin:0px 3px 5px 3px; opacity:0.6; }
.submenu-files:hover { width:70px; height:60px; opacity:1; }
.submenu-mobile { width:70px; height:60px; background-image:url('images/mobile.png'); display:block; float:left; margin:0px 3px 5px 3px; opacity:0.6; }
.submenu-mobile:hover { width:70px; height:60px; opacity:1; }
.submenu-social { width:70px; height:60px; background-image:url('images/social.png'); display:block; float:left; margin:0px 3px 5px 3px; opacity:0.6; }
.submenu-social:hover { width:70px; height:60px; opacity:1;  }
.submenu-contenteditor { width:70px; height:60px; background-image:url('images/contenteditor.png'); display:block; float:left; margin:0px 3px 5px 3px; opacity:0.6; }
.submenu-contenteditor:hover { width:70px; height:60px; opacity:1; }
.submenu-items { width:70px; height:60px; background-image:url('images/items.png'); display:block; float:left; margin:0px 3px 5px 3px; opacity:0.6;  }
.submenu-items:hover { width:70px; height:60px; opacity:1;  }

.content-header { background-color:#058cce; border:solid 1px #22668a; border-bottom:none; }
.content-header .title { color:#ffffff; border:solid 0px green; display:inline-block;padding:10px; }
.content-header .tools { text-align:right; padding:4px; vertical-align:middle; display:inline-block;  position:absolute; right:0px; margin-right:20px;  }
.content-header .tools .menu { float:right; display:block; margin-left:2px; }
.gv { border:solid 1px #058cce; border-top:none; }
.gv-pager, .gv-pager a { background-color:#058cce; color:#ffffff;  }
.gv-pager td { padding:4px; }
.gv-pager td table { text-align:right; }
.gv-footer { border:solid 1px #058cce; background-color:#058cce; }
.gv-header { background-color:#e5e4e4; }
.gv-header th { padding:5px; font-size:9pt; color:#000000; font-weight:normal;}
.gv-header a { font-size:9pt; color:#000000; font-weight:normal; }
.gv-row, .gv-altrow { font-size:9pt; color:#5f5c5c; border-bottom:solid 1px #e5e5e5;  border-left:solid 1px #058cce; border-right:solid 1px #058cce; }
.gv-altrow { background-color:#ededed; }
.gv-row td, .gv-altrow td { padding-left:5px; vertical-align:text-top; } 
.gv-row:hover, .gv-altrow:hover { background-color:#25a0da; color:#fff; }
.gv-row:hover td a, .gv-altrow:hover td a { color:#fff; text-decoration:underline; }
.gridNameCell {  }

.createform  { border:solid 1px #22668a; margin-bottom:5px; } 
.maincontent { padding:10px; }

.form-header { background-color:#058cce; color:#ffffff; padding:10px;  }
.form-footer { background-color:#e5e4e4; padding:10px; }
.gv-editrow { background-color:#ededed; vertical-align:top; border:solid 1px #cccccc; border-right:none; border-left:none; font-family:Lato; }
.gv-editrow td { padding:5px; color:#000000; font-size:9pt;}
.gv-editrow td input, .gv-editrow td textarea { font-size:9pt; color:#000000; }
.alert { margin:10px 10px 10px 10px; }

/* dashboard */
.loader { }
.widget { }

.dashboard { display:block; margin:0; padding:0; text-align:center; }
.dashboard .dashboard-col { width:33%; list-style:none; display:inline-block; margin:0px; padding:0px; vertical-align:top; }
.dashboard .dashboard-col li { padding:0 3px 0 5px; }
.widget { border:solid 1px #058cce; display:block;margin-top:10px; border-radius:7px; -webkit-border-radius:7px; -moz-border-radius:7px; text-align:left; }
.widget .widget-header { background-color:#058cce; padding:4px;  border-radius:4px 4px 0px 0px; -webkit-border-radius:4px 4px 0px 0px; -moz-border-radius:4px 4px 0px 0px; }
.widget .widget-header .title { display:inline-block; width:79%; color:#ffffff; font-family:Lato; }
.widget .widget-header .control { display:inline-block; width:20%; text-align:right; }
.widget .content { padding:5px; overflow:auto; max-height:100%; font-family:Lato;  }

.widget .stockalert { width:100%; font-size:9pt; }
.widget .stockalert th { padding:5px; text-align:left; color:#000000; border-right:solid 1px #e5e5e5;  }
.widget .stockalert tr { border-bottom:solid 1px #e5e5e5; }
.widget .stockalert tr.alternate { background-color:#ededed; border-bottom:solid 1px #e5e5e5; }
.widget .stockalert tr:hover { background-color:#25a0da; color:#fff; }
.widget .stockalert tr.head { }
.widget .stockalert tr.head:hover { background-color:transparent; }
.widget .stockalert td { padding:5px; border-right:solid 1px #e5e5e5; }
.widget .stockalert td.col-stock, .widget .stockalert th.col-stock { border:none; width:70px; text-align:center; }

.widget .newcustomers { width:100%; font-size:9pt; }
.widget .newcustomers th { padding:5px; text-align:left; color:#000; border-right:solid 1px #e5e5e5;  }
.widget .newcustomers th.col-stock { border-left:dashed 1px #ccc; }
.widget .newcustomers tr { border-bottom:solid 1px #e5e5e5; }
.widget .newcustomers tr.alternate { background-color:#ededed; border-bottom:solid 1px #e5e5e5; }
.widget .newcustomers tr:hover { background-color:#25a0da; color:#fff; }
.widget .newcustomers tr.head { border-bottom:solid 1px #e5e5e5; }
.widget .newcustomers tr.head:hover { background-color:transparent; color:#000; }
.widget .newcustomers td { padding:5px; border-right:solid 1px #e5e5e5; }
.widget .newcustomers td.col-registered, .widget .newcustomers th.col-registered { border:none; }

.widget .recentorder { width:100%; font-size:9pt; }
.widget .recentorder th { padding:5px; text-align:left; color:#000; border-right:solid 1px #e5e5e5;}
.widget .recentorder th.col-stock { border-left:dashed 1px #ccc; }
.widget .recentorder tr { border-bottom:solid 1px #e5e5e5; }
.widget .recentorder tr.alternate { background-color:#ededed; border-bottom:solid 1px #e5e5e5; }
.widget .recentorder tr:hover { background-color:#25a0da; color:#fff;  }
.widget .recentorder tr.head:hover { background-color:transparent; color:#000; }
.widget .recentorder td { padding:5px; border-right:solid 1px #e5e5e5; }
.widget .recentorder td.col-total, .widget .recentorder th.col-total { border-right:none; }

.widget .visitors .content { min-height:300px; border:solid 1px orange; }
.widget .visitors-date { width:80px; }
.widget .date-tool { display:table; width:100%; border-bottom:dashed 0px #ccc; padding-bottom:5px; }
.widget .date-tool .col-date { display:table-cell; }
.widget .date-tool .col-dimensions { display:table-cell; text-align:right; }
.widget .date-tool .dropdown-menu { padding:10px; }

.widget .storesettings { width:100%; font-size:9pt; }
.widget .storesettings th { padding:5px; text-align:left; color:#000; border-right:solid 1px #e5e5e5; }
.widget .storesettings tr { border-bottom:solid 1px #e5e5e5; }
.widget .storesettings tr.alternate { background-color:#ededed; border-bottom:solid 1px #e5e5e5; }
.widget .storesettings tr:hover { background-color:#25a0da; color:#fff; }
.widget .storesettings tr.head:hover { background-color:transparent; color:#000; }
.widget .storesettings td { padding:5px; border-right:solid 1px #e5e5e5; }
.widget .storesettings td.col-value, .widget .storesettings th.col-value { border-right:none; }

.widget .salesoverview-table { width:100%; padding:10px 5px 10px 5px; border:dashed 1px #ccc;   }
.widget .salesoverview-table .left { width:50%; border:dashed 1px #ccc; }
.widget .salesoverview-table tr td { padding:5px; }
.salesoverview-header { color:Green; font-size:9pt; font-weight:bold; }
.salesoverview-content { font-size:32pt; margin-top:10px; margin-bottom:10px; color:#389ced; }
.widget .salesoverview-table .positive { color:Green; }
.widget .salesoverview-table .negative { color:Red; }
.widget .salesoverview-table .normal { color:Gray; font-size:8pt; }

.btn, .btn-group { font-family:Lato; }

.ui-datepicker * { font-size:8pt; }
.ui-datepicker { border:solid 1px #058cce; padding:0px; }
.ui-datepicker-header { background-image:none; background-color:#058cce; }
.ui-state-default:hover { background-color:#25a0da; color:#fff; border:solid 1px #25a0da; } 
.ui-state-highlight { background-color:#ccc; background-image:none;  }
.text-error { }
.login { margin-right:6px; }

/* mozilla css hack */
@-moz-document url-prefix() { 
  .menu .search { padding-bottom:1px; }
}

.arrow-n,
.arrow-e,
.arrow-s,
.arrow-w {
  /*
   * In Internet Explorer, The"border-style: dashed" will never be
   * rendered unless "(width * 5) >= border-width" is true.
   * Since "width" is set to "0", the "dashed-border" remains
   * invisible to the user, which renders the border just like how
   * "border-color: transparent" renders.
   */
  border-style: dashed;
  border-color: transparent;
  border-width: 0.53em;
  display: -moz-inline-box;
  display: inline-block;
  /* Use font-size to control the size of the arrow. */
  font-size: 20px;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: middle;
  width: 0;
  float:right;
  margin:-5px 5px 0 0;
}
.arrow-n { border-bottom-width: 1em; border-bottom-style: solid; border-bottom-color: #389ced; bottom: 0.25em; }
.arrow-e { border-left-width: 1em; border-left-style: solid; border-left-color: #389ced; left: 0.25em; }
.arrow-s { border-top-width: 1em; border-top-style: solid; border-top-color: #389ced; top: 0.25em; }
.arrow-w { border-right-width: 1em; border-right-style: solid; border-right-color: #389ced; right: 0.25em; }

